import React from 'react'
import { NavBar } from 'antd-mobile';
import { useNavigate } from 'react-router-dom';
import { List ,Switch} from 'antd-mobile'

export default function Privacymanagement() {
    let navigate = useNavigate()
    return (
        <div>
            <NavBar onBack={() => { navigate(-1) }}>隐私管理</NavBar>
            <div style={{ background: "#f7f7f7", height: "calc(100vh - 45px)" }}>
                <List header=' '>
                    <List.Item extra={<Switch defaultChecked />}>只允许我关注的人@我</List.Item>
                    <List.Item extra='所有人' clickable>
                        谁可以私信我
                    </List.Item>
                    <List.Item extra={<Switch defaultChecked={false} />}>公开我的群聊</List.Item>
                </List>
                <List header=' '>
                    <List.Item extra={<Switch defaultChecked={false} />}>隐藏我的关注列表</List.Item>
                    <List.Item extra={<Switch defaultChecked={false} />}>隐藏我的粉丝列表</List.Item>
                    <List.Item extra='' clickable>
                        黑名单用户
                    </List.Item>
                </List>
            </div>
        </div>
    )
}